<!--
 * @Author: zhudunfeng 2101580047@qq.com
 * @Date: 2025-07-25 23:34:45
 * @LastEditors: zhudunfeng 2101580047@qq.com
 * @LastEditTime: 2025-08-03 22:27:43
 * @FilePath: \jptt-front\src\components\FilmItemCreate.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<script lang="ts" setup>
import { Plus } from '@element-plus/icons-vue'
import router from '@/router'

const handleClick = () => {
  console.log('clicked')
  router.push('/insert')
}
</script>
<template>
  <div class="film-item-create" @click="handleClick">
    <el-icon class="create-icon">
      <Plus />
    </el-icon>
  </div>
</template>
<style scoped lang="scss">
@use '@/assets/_variables.scss' as variables;

.film-item-create {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border: 2px dashed var(--border-color, #ccc);
  /* 对应设计规范中的基础圆角 */

}
</style>